<template>
  <div>
    <div class="others-hd">
      <h3>你愿意向别人推荐食堂吗</h3>
      <el-rate class="myGrade" v-model="mygrade" show-text> </el-rate>
    </div>
    <div class="others-bd">
      <div class="bd-call">
        <div>联系我们 工作时间（24.00-24.01）</div>
        <div>电话 400-132-123</div>
      </div>
      <div class="bd-choose">
        <ul>
          <li class="choose-item">关于我们</li>
          <li class="choose-item">关于我们</li>
          <li class="choose-item">关于我们</li>
          <li class="choose-item">关于我们</li>
        </ul>
      </div>
      <div class="bd-msg">
        <p>
          浙ICP备1900001号<br />北京互联网违法和举报中心<br />哈哈哈哈哈哈哈
        </p>
      </div>
    </div>
    <div class="carousel">
      <el-carousel :interval="5000" arrow="always" style="border-radius: 5px">
        <el-carousel-item v-for="item in imgList" :key="item.id">
          <img :src="item.idView" class="bannerImage" style="height: 250px" />
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script>
export default {
  name: "others",
  data() {
    return {
      imgList: [{ id: 0, idView: require("@/assets/广告.png") }],
    };
  },
};
</script>

<style scoped>
.others-hd {
  height: 110px;
  padding: 30px 0;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.myGrade {
  margin: 10px 0;
}
.others-bd {
  height: 180px;
  margin-bottom: 10px;
  text-align: center;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.others-bd .bd-call {
  height: 70px;
  padding: 15px 0;
  text-align: center;
  background-color: #fff;
  color: #cbccd3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.others-bd .bd-choose {
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #fff;
  color: #cbccd3;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.others-bd .choose-item {
  float: left;
  width: 25%;
  color: #575869;
}
.others-bd .bd-msg {
  font-size: 13px;
  padding: 10px 0;
  /* color: #cbccd3; */
  color: #575869;
}
</style>